/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#modal-content {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    background-color: #000;
}

/* Container */
#simplemodal-container {
    position: relative;
    height: 70vh;
    width: 60%;
    border: 1px solid #5bc9fa;
    border-radius: .2rem;
    background: url(../images/bigbgc.jpg) center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:    2px -10px 8px 2px rgba(101, 132, 226, .1) inset,   /*上边阴影  红色*/
    -10px -8px 3px 3px rgba(101, 132, 226, .1) inset,   /*左边阴影  绿色*/
    10px 8px 2px 2px rgba(101, 132, 226, .1) inset,    /*右边阴影  蓝色*/
    3px 10px 8px 3px rgba(101, 132, 226, .1) inset;    /*下边阴影  黄色*/
    overflow: hidden;
}

#simplemodal-container a.modalCloseImg {
    background: url(../images/close2.png) no-repeat;
    background-size: 60%;
    background-position: center;
    width: 10vh;
    height: 10vh;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 0rem;
    right: 0rem;
    cursor: pointer;
    border-left: 1px solid #5bc9fa;
    background-color: #2e6d8e;
}

#simplemodal-container .companyName {
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: .4rem;
    border-bottom: 1px solid #5bc9fa;
    background-color: #020b15;
    box-shadow:    2px -10px 8px 2px rgba(101, 132, 226, .1) inset,   /*上边阴影  红色*/
    -10px -8px 3px 3px rgba(101, 132, 226, .1) inset,   /*左边阴影  绿色*/
    10px 8px 2px 2px rgba(101, 132, 226, .1) inset,    /*右边阴影  蓝色*/
    3px 10px 8px 3px rgba(101, 132, 226, .1) inset;    /*下边阴影  黄色*/
}

#simplemodal-container .companyName h3 {
    color: #5bc9fa;
    font-size: 0.3rem;
    text-align: center;
}

#simplemodal-container .modal-detail {
    position: relative;
    height: calc((60vh) - 45px);
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .4rem;
}

#simplemodal-container p {
    color: #5bc9fa;
    font-size: 0.23rem;
    margin-bottom: 0.18rem;
    text-align: center;
    display: flex;
    width: 100%;
}

.simple-title{
    width: 48%;
    text-align: right;
    color: #5bc9fa;
}
.simple-cotent{
    width: 52%;
    text-align: left;
    color: #5bc9fa;
    margin-left: .5rem;
}

/* .big-title{
    background-image: url(../images/main-title.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 98% 130%;
    height: 100%;
} */